<template>
  <view>
    <view @touchmove.stop.prevent="moveHandle">
      <uni-popup class="good-pop" ref="remark" type="center" :maskClick="false" :show="baseInfo.show">
        <view class="pop-content">
          <view class="pop-cont">
            {{baseInfo.title}}
          </view>
          <view class="pop-foot">
            <view class="btn rb" v-if="baseInfo.cancel" @click="cancelPop">{{baseInfo.cancel}}</view>
            <view class="btn" v-if="baseInfo.sure" @click="surePop">{{baseInfo.sure}}</view>
          </view>
        </view>
      </uni-popup>
    </view>
  </view>
</template>

<script>
import uniPopup from "../uni-popup/components/uni-popup/uni-popup.vue"
export default {
  components: {uniPopup},
  props: {
    baseInfo: {
      type: Object,
      default: () => {}
    }
  },
  methods: {
    moveHandle () {
      return
    },
    cancelPop () {
      this.$emit('cancelPop')
    },
    surePop () {
      this.$emit('doSure')
    }
  }
}
</script>

<style lang="scss" scoped>
.good-pop {
    /deep/  .uni-popup__wrapper-box {
      padding: 0 !important;
    }
    .pop-content {
      width: 400rpx;
      min-height: 120rpx;
      .pop-cont {
        font-family: PingFangSC-Regular,PingFang SC;
        font-weight: 400;
        color: rgba(96,96,102,1);
        font-size: 28rpx;
        text-align: center;
        margin-top: 32rpx;
      }
      .pop-foot {
        width: 100%;
        height: 60rpx;
        border-top: 1px solid #E1E1E1;
        display: flex;
        justify-content: center;
        position: absolute;
        bottom: 0;
        .btn {
          width: 46%;
          height: 100%;
          line-height: 60rpx;
          text-align: center;
          color: #208BCF;
          font-size: 28rpx;
          &.rb {
            border-right: 1px solid #E1E1E1;
          }
        }
      }
    }
  }
</style>
